<template>
	<div class="box">{{ form.a }} : {{ form.b }}</div>
	<Input v-model.number="form.a" placeholder=""></Input>
	<Button type="default" @click="add">操作</Button>
</template>
<script>
import { cloneDeep } from 'lodash';
export default {
	props: ['value'],
	data() {
		return {
			form: {}
		}
	},
	methods: {
		add() {
			this.$emit('update:value', this.form)
		}
	},
	mounted() {
		console.log(2, this.value);
		this.form = cloneDeep(this.value);
	}
}
</script>
<style lang="scss" scoped>
.box {
	width: 100px;
	height: 100px;
	border: 1px solid #000;
}
</style>